<!DOCTYPE HTML>
<html lang="en" >
    
    <head>
        
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>第10章：定时器与排序 | MarkDown的使用</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="description" content="">
        <meta name="generator" content="GitBook 2.6.7">
        
        
        <meta name="HandheldFriendly" content="true"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../gitbook/images/apple-touch-icon-precomposed-152.png">
        <link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">
        
    <link rel="stylesheet" href="../gitbook/style.css">
    
        
        <link rel="stylesheet" href="../gitbook/plugins/gitbook-plugin-highlight/website.css">
        
    
        
        <link rel="stylesheet" href="../gitbook/plugins/gitbook-plugin-search/search.css">
        
    
        
        <link rel="stylesheet" href="../gitbook/plugins/gitbook-plugin-fontsettings/website.css">
        
    
    

        
    
    
    <link rel="next" href="../JavaScript/JavaScript_11.html" />
    
    
    <link rel="prev" href="../JavaScript/JavaScript_9.html" />
    

        
    </head>
    <body>
        
        
    <div class="book"
        data-level="5.10"
        data-chapter-title="第10章：定时器与排序"
        data-filepath="JavaScript/JavaScript_10.md"
        data-basepath=".."
        data-revision="Sat Nov 10 2018 16:39:50 GMT+0800 (中国标准时间)"
        data-innerlanguage="">
    

<div class="book-summary">
    <nav role="navigation">
        <ul class="summary">
            
            
            
            

            

            
    
        <li class="chapter " data-level="0" data-path="index.html">
            
                
                    <a href="../index.html">
                
                        <i class="fa fa-check"></i>
                        
                        Introduction
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="1" data-path="HTML/html_int.html">
            
                
                    <a href="../HTML/html_int.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>1.</b>
                        
                        HTML5简介
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.1" data-path="HTML/gitbook_use.html">
            
                
                    <a href="../HTML/gitbook_use.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>1.1.</b>
                        
                        第0章：gitbook的使用
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="1.2" data-path="HTML/lesson1.html">
            
                
                    <a href="../HTML/lesson1.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>1.2.</b>
                        
                        第1章：常用标签
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="1.3" data-path="HTML/lesson2.html">
            
                
                    <a href="../HTML/lesson2.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>1.3.</b>
                        
                        第2章：列表与图片
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="1.4" data-path="HTML/lesson3.html">
            
                
                    <a href="../HTML/lesson3.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>1.4.</b>
                        
                        第3章：表格与表单
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="1.5" data-path="HTML/lesson4.html">
            
                
                    <a href="../HTML/lesson4.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>1.5.</b>
                        
                        第4章：实体字符
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="1.6" data-path="HTML/lesson5.html">
            
                
                    <a href="../HTML/lesson5.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>1.6.</b>
                        
                        第5章：多媒体和iframe
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2" data-path="CSS/css_int.html">
            
                
                    <a href="../CSS/css_int.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.</b>
                        
                        CSS简介
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.1" data-path="CSS/css_1.html">
            
                
                    <a href="../CSS/css_1.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.1.</b>
                        
                        第1章：引入css
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.2" data-path="CSS/css_2.html">
            
                
                    <a href="../CSS/css_2.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.2.</b>
                        
                        第2章：选择器
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.3" data-path="CSS/css_3.html">
            
                
                    <a href="../CSS/css_3.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.3.</b>
                        
                        第3章：属性选择器
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.4" data-path="CSS/css_4.html">
            
                
                    <a href="../CSS/css_4.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.4.</b>
                        
                        第4章：伪类选择器
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.5" data-path="CSS/css_5.html">
            
                
                    <a href="../CSS/css_5.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.5.</b>
                        
                        第5章：盒子模型
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.6" data-path="CSS/css_6.html">
            
                
                    <a href="../CSS/css_6.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.6.</b>
                        
                        第6章：伪对象选择器
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.7" data-path="CSS/css_7.html">
            
                
                    <a href="../CSS/css_7.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.7.</b>
                        
                        第7章：font字体与边框
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.8" data-path="CSS/css_8.html">
            
                
                    <a href="../CSS/css_8.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.8.</b>
                        
                        第8章：行高
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.9" data-path="CSS/css_9.html">
            
                
                    <a href="../CSS/css_9.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.9.</b>
                        
                        第9章：文字与背景
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.10" data-path="CSS/css_10.html">
            
                
                    <a href="../CSS/css_10.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.10.</b>
                        
                        第10章：浮动
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.11" data-path="CSS/css_11.html">
            
                
                    <a href="../CSS/css_11.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.11.</b>
                        
                        第11章：定位与渐变
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.12" data-path="CSS/css_12.html">
            
                
                    <a href="../CSS/css_12.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.12.</b>
                        
                        第12章：css过渡与变形
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.13" data-path="CSS/css_13.html">
            
                
                    <a href="../CSS/css_13.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.13.</b>
                        
                        第13章：css动画
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.14" data-path="CSS/css_14.html">
            
                
                    <a href="../CSS/css_14.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.14.</b>
                        
                        第14章：css滤镜
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.15" data-path="CSS/css_15.html">
            
                
                    <a href="../CSS/css_15.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.15.</b>
                        
                        第15章：swiper与地图插件
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.16" data-path="CSS/css_16.html">
            
                
                    <a href="../CSS/css_16.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.16.</b>
                        
                        第16章：移动端rem布局
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.17" data-path="CSS/css_17.html">
            
                
                    <a href="../CSS/css_17.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.17.</b>
                        
                        第17章：伸缩盒子
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="3" data-path="SASS/sass_int.html">
            
                
                    <a href="../SASS/sass_int.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>3.</b>
                        
                        sass简介
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="3.1" data-path="SASS/sass_1.html">
            
                
                    <a href="../SASS/sass_1.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>3.1.</b>
                        
                        第1章：sass安装与使用
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="3.2" data-path="SASS/sass_2.html">
            
                
                    <a href="../SASS/sass_2.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>3.2.</b>
                        
                        第2章：sass语法入门
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="4" data-path="Bootstrap/Bootstrap_int.html">
            
                
                    <a href="../Bootstrap/Bootstrap_int.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.</b>
                        
                        Bootstrap简介
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="4.1" data-path="Bootstrap/Bootstrap_1.html">
            
                
                    <a href="../Bootstrap/Bootstrap_1.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>4.1.</b>
                        
                        第1章：Bootstrap
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="5" data-path="JavaScript/JavaScript_int.html">
            
                
                    <a href="../JavaScript/JavaScript_int.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.</b>
                        
                        JavaScript简介
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="5.1" data-path="JavaScript/JavaScript_1.html">
            
                
                    <a href="../JavaScript/JavaScript_1.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.1.</b>
                        
                        第1章：JavaScript
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.2" data-path="JavaScript/JavaScript_2.html">
            
                
                    <a href="../JavaScript/JavaScript_2.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.2.</b>
                        
                        第2章：变量
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.3" data-path="JavaScript/JavaScript_3.html">
            
                
                    <a href="../JavaScript/JavaScript_3.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.3.</b>
                        
                        第3章：Number
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.4" data-path="JavaScript/JavaScript_4.html">
            
                
                    <a href="../JavaScript/JavaScript_4.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.4.</b>
                        
                        第4章：数据类型判断
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.5" data-path="JavaScript/JavaScript_5.html">
            
                
                    <a href="../JavaScript/JavaScript_5.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.5.</b>
                        
                        第5章：运算符与字符串
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.6" data-path="JavaScript/JavaScript_6.html">
            
                
                    <a href="../JavaScript/JavaScript_6.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.6.</b>
                        
                        第6章：循环与流程控制
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.7" data-path="JavaScript/JavaScript_7.html">
            
                
                    <a href="../JavaScript/JavaScript_7.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.7.</b>
                        
                        第7章：函数与作用域
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.8" data-path="JavaScript/JavaScript_8.html">
            
                
                    <a href="../JavaScript/JavaScript_8.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.8.</b>
                        
                        第8章：String方法
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.9" data-path="JavaScript/JavaScript_9.html">
            
                
                    <a href="../JavaScript/JavaScript_9.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.9.</b>
                        
                        第9章：数组方法
                    </a>
            
            
        </li>
    
        <li class="chapter active" data-level="5.10" data-path="JavaScript/JavaScript_10.html">
            
                
                    <a href="../JavaScript/JavaScript_10.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.10.</b>
                        
                        第10章：定时器与排序
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.11" data-path="JavaScript/JavaScript_11.html">
            
                
                    <a href="../JavaScript/JavaScript_11.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.11.</b>
                        
                        第11章：Date与Math
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.12" data-path="JavaScript/JavaScript_12.html">
            
                
                    <a href="../JavaScript/JavaScript_12.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.12.</b>
                        
                        第12章：简单的DOM操作与垃圾回收
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.13" data-path="JavaScript/JavaScript_13.html">
            
                
                    <a href="../JavaScript/JavaScript_13.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.13.</b>
                        
                        第13章：DOM操作
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.14" data-path="JavaScript/JavaScript_14.html">
            
                
                    <a href="../JavaScript/JavaScript_14.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.14.</b>
                        
                        第14章：DOM修改样式
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.15" data-path="JavaScript/JavaScript_15.html">
            
                
                    <a href="../JavaScript/JavaScript_15.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.15.</b>
                        
                        第15章：DOM常用标签属性
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="5.16" data-path="JavaScript/JavaScript_16.html">
            
                
                    <a href="../JavaScript/JavaScript_16.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>5.16.</b>
                        
                        第16章：鼠标坐标与拖拽
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    


            
            <li class="divider"></li>
            <li>
                <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
                    Published with GitBook
                </a>
            </li>
            
        </ul>
    </nav>
</div>

    <div class="book-body">
        <div class="body-inner">
            <div class="book-header" role="navigation">
    <!-- Actions Left -->
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href="../" >MarkDown的使用</a>
    </h1>
</div>

            <div class="page-wrapper" tabindex="-1" role="main">
                <div class="page-inner">
                
                
                    <section class="normal" id="section-">
                    
                        <h1 id="&#x5B9A;&#x65F6;&#x5668;&#x4E0E;&#x6392;&#x5E8F;">&#x5B9A;&#x65F6;&#x5668;&#x4E0E;&#x6392;&#x5E8F;</h1>
<h3 id="&#x5B9A;&#x65F6;&#x5668;">&#x5B9A;&#x65F6;&#x5668;</h3>
<pre><code>            function timeOut1(){
                var t1 = setTimeout(function(){
                    // 1&#x79D2;&#x540E;&#x8FD0;&#x884C;
                    console.log(&quot;boom!&quot;)
                    // &#x6E05;&#x9664;&#x5B9A;&#x65F6;&#x5668; clearTimeout(&#x5B9A;&#x65F6;&#x5668;&#x5E8F;&#x53F7;)
                    clearTimeout(t1);
                },1000)

                console.log(&quot;t1&quot;,t1)
            }

            var time = 0;
            function interval1(){
                // setInterval &#x6267;&#x884C;&#x591A;&#x6B21;&#x7684;&#x5B9A;&#x65F6;&#x5668;
                var t2 = setInterval(function(){
                    if(time == 5){
                        clearTimeout(t2);    // &#x6E05;&#x9664;&#x5B9A;&#x65F6;&#x5668;
                        return;                // &#x9000;&#x51FA;&#x51FD;&#x6570;
                    }
                    console.log(&quot;&#x8D77;&#x5E8A;&#x4E86;&quot;,t2)
                    time++;
                },500)
                console.log(&quot;t2&quot;,t2)
            }

            /**
             *     &#x540C;&#x6B65;&#x4EFB;&#x52A1;&#xFF1A;&#x653E;&#x5728;&#x6267;&#x884C;&#x6808;&#x5185;&#x6267;&#x884C;
             *     &#x5F02;&#x6B65;&#x4EFB;&#x52A1;&#xFF1A;&#x653E;&#x5728;&#x4EFB;&#x52A1;&#x961F;&#x5217;&#x7B49;&#x5F85;&#x72B6;&#x6001;&#x6216;&#x8005;&#x89E6;&#x53D1;&#x65F6;&#x95F4;&#x5B8C;&#x6210;&#x540E;&#x518D;&#x6DFB;&#x52A0;&#x5230;&#x6267;&#x884C;&#x6808;&#x4E2D;&#x6267;&#x884C;
             * 
             * */
            function timeOut2(){
                // &#x5F02;&#x6B65;
                var to2 = setTimeout(function(){
                    console.log(&quot;&#x5B9A;&#x65F6;&#x5668;&#x5185;&quot;)
                },0)
                /*for(var i = 0; i &lt; 100; i++){    // &#x8017;&#x65F6;&#x7684;&#x64CD;&#x4F5C;
                    console.log(i)
                }*/                        
                console.log(&quot;to2&quot;,to2)        // &#x540C;&#x6B65; -&gt;&#x963B;&#x585E;
            }
            timeOut2();
</code></pre><h3 id="&#x5192;&#x6CE1;&#x6392;&#x5E8F;">&#x5192;&#x6CE1;&#x6392;&#x5E8F;</h3>
<pre><code>            /**
             *     &#x7B2C;0&#x4F4D;&#x5F00;&#x59CB;&#x5FAA;&#x73AF;&#x6BD4;&#x8F83;&#x540E;&#x8005;
             *         1 : 3 --&gt; 55
             *         2 : 3 --&gt; 2        &#x4EA4;&#x6362;&#x4F4D;&#x7F6E;:[2,55,3,57,66,44]
             *         &#xB7;
             *         &#xB7;
             *         5 : 2 --&gt; 44    [2,55,3,57,66,44]
             * 
             *     &#x7B2C;1&#x4F4D;&#x5F00;&#x59CB;&#x5FAA;&#x73AF;&#x6BD4;&#x8F83;&#x540E;&#x8005;
             *         2 : 55 --&gt; 3    &#x4EA4;&#x6362;&#x4F4D;&#x7F6E;:[2,3,55,57,66,44]
             *         &#xB7;
             *         &#xB7;
             *         5 : 3 --&gt; 44    [2,3,55,57,66,44]
             * 
             *     &#x7B2C;2&#x4F4D;&#x5F00;&#x59CB;&#x5FAA;&#x73AF;&#x6BD4;&#x8F83;&#x540E;&#x8005;
             *         3 : 55 --&gt; 57
             *         4 : 55 --&gt; 66
             *         5 : 55 --&gt; 44    &#x4EA4;&#x6362;&#x4F4D;&#x7F6E;:[2,3,44,57,66,55]
             * 
             * */

            var arr = [3,55,2,57,66,44];
            var temp;
            for(var i = 0; i &lt; arr.length; i++){
                for(var j = i + 1; j &lt; arr.length; j++){
                    // &#x5347;&#x5E8F;&#xFF0C;&#x524D;&#x8005;&#x6BD4;&#x540E;&#x8005;&#x5927;&#x5C31;&#x8981;&#x6362;&#x4F4D;
                    // &#x964D;&#x5E8F;&#xFF0C;&#x524D;&#x8005;&#x6BD4;&#x540E;&#x8005;&#x5C0F;&#x5C31;&#x8981;&#x6362;&#x4F4D;
                    if(arr[i] &gt; arr[j]){
                        // &#x53D8;&#x6362;&#x503C;
                        temp = arr[i];
                        arr[i] = arr[j];
                        arr[j] = temp;
                    }
                }
            }
            console.log(arr)

            // &#x7EC3;&#x4E60;&#xFF1A;&#x6309;&#x5E74;&#x9F84;&#x5927;&#x5C0F;&#x6392;&#x5E8F;
            var arr6 = [
                { name: &quot;111&quot;, sex: &quot;boy&quot;, age: 18 },
                { name: &quot;222&quot;, sex: &quot;girl&quot;, age: 17 },
                { name: &quot;333&quot;, sex: &quot;boy&quot;, age: 16 },
                { name: &quot;444&quot;, sex: &quot;girl&quot;, age: 15 },
                { name: &quot;555&quot;, sex: &quot;boy&quot;, age: 20 }
            ];

            var temp1;
            for(var k = 0; k &lt; arr6.length; k++){
                for(var l = k + 1; l &lt; arr6.length; l++){
                    if(arr6[k].age &lt; arr6[l].age){
                        temp1 = arr6[k];
                        arr6[k] = arr6[l];
                        arr6[l] = temp1;
                    }
                }
            }
            console.log(arr6)
</code></pre><h3 id="&#x5FEB;&#x901F;&#x6392;&#x5E8F;">&#x5FEB;&#x901F;&#x6392;&#x5E8F;</h3>
<pre><code>            /**
             *   step1 : &#x5148;&#x627E;&#x4E00;&#x4E2A;&#x6210;&#x5458;&#x4F5C;&#x4E3A;&quot;&#x57FA;&#x51C6;&quot;
             *      step2 : &quot;&#x57FA;&#x51C6;&quot;&#x548C;&#x5176;&#x4ED6;&#x6210;&#x5458;&#x8FDB;&#x884C;&#x6BD4;&#x8F83;&#xFF0C;&#x5C0F;&#x7684;&#x653E;&#x5DE6;&#x8FB9;&#xFF0C;&#x5927;&#x7684;&#x653E;&#x53F3;&#x8FB9;
             *      step3 : &#x5C06;&#x5DE6;&#x53F3;&#x4E24;&#x8FB9;&#x7684;&#x6570;&#x636E;&#x96C6;&#x5408;&#x91CD;&#x590D;step1&#x548C;step2&#xFF0C;&#x76F4;&#x5230;&#x6570;&#x636E;&#x96C6;&#x5408;&#x53EA;&#x6709;&#x4E00;&#x4E2A;&#x503C;&#x4E3A;&#x6B62;
             * */

            /**
             *      [10,14,8,12,5,6,17]    --&gt; &#x4EE5;12&#x4E3A;&quot;&#x57FA;&#x51C6;&quot;
             *      [10,8,5,6]  12  [14,17]
             *      [[5,6]  8  [10]]  12  [14 [17]]
             *      [[5  [6]]  8  [10]]  12  [14  [17]]
             * */

            var arr = [10,14,8,12,5,6,17];

            function quickSort( arr ){
                if(arr.length &lt;= 1){                    // step3
                    return arr;
                }
                // &#x8868;&#x793A;&#x5DE6;&#x53F3;&#x4E24;&#x4E2A;&#x96C6;&#x5408;
                var left = [],right = [];
                // &#x57FA;&#x51C6;
                var markIndex = Math.floor( arr.length / 2 );
                var mark = arr.splice(markIndex,1);

                for(var i = 0; i &lt; arr.length; i++){
                    if( mark[0] &gt; arr[i]){                // step2
                        left.push(arr[i]);
                    }else{
                        right.push(arr[i]);
                    }
                }
                // &#x8C03;&#x7528;&#x4E0B;&#x4E00;&#x6B21;&#x6392;&#x5E8F;&#x7684;&#x7ED3;&#x679C;&#x5E76;&#x4E14;&#x62FC;&#x63A5;&#x6570;&#x7EC4;
                return quickSort( left ).concat(mark).concat(quickSort( right ));
            }
            console.log( quickSort( arr ) )
</code></pre><h3 id="&#x9012;&#x5F52;&#x7EC3;&#x4E60;">&#x9012;&#x5F52;&#x7EC3;&#x4E60;</h3>
<pre><code>            var num = prompt(&quot;&#x8FC7;&#x51E0;&#x4E2A;&#x6708;&#x4E4B;&#x540E;&#x6709;&#x591A;&#x5C11;&#x5154;&#x5B50;&#xFF1F;&quot;);
            // &#x65B9;&#x6CD5;&#x4E00;
            /*function digui(mon){
                if(mon == 0){
                    return 1;
                }
                if(mon == 1){
                    return 1;
                }
                return digui(mon - 2) * 2;
            }*/

            // &#x65B9;&#x6CD5;&#x4E8C;
            function digui(mon){
                if(mon == 1){
                    return 1;
                }
                if(mon % 2 != 0){
                    return digui(mon - 1);
                }else{
                    return digui(mon - 1) * 2;
                }
            }

            console.log(&quot;&#x6709;&quot;,digui(num),&quot;&#x4E2A;&#x5154;&#x5B50;&quot;)
</code></pre>
                    
                    </section>
                
                
                </div>
            </div>
        </div>

        
        <a href="../JavaScript/JavaScript_9.html" class="navigation navigation-prev " aria-label="Previous page: 第9章：数组方法"><i class="fa fa-angle-left"></i></a>
        
        
        <a href="../JavaScript/JavaScript_11.html" class="navigation navigation-next " aria-label="Next page: 第11章：Date与Math"><i class="fa fa-angle-right"></i></a>
        
    </div>
</div>

        
<script src="../gitbook/app.js"></script>

    
    <script src="../gitbook/plugins/gitbook-plugin-search/lunr.min.js"></script>
    

    
    <script src="../gitbook/plugins/gitbook-plugin-search/search.js"></script>
    

    
    <script src="../gitbook/plugins/gitbook-plugin-sharing/buttons.js"></script>
    

    
    <script src="../gitbook/plugins/gitbook-plugin-fontsettings/buttons.js"></script>
    

    
    <script src="../gitbook/plugins/gitbook-plugin-livereload/plugin.js"></script>
    

<script>
require(["gitbook"], function(gitbook) {
    var config = {"highlight":{},"search":{"maxIndexSize":1000000},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"fontsettings":{"theme":"white","family":"sans","size":2},"livereload":{}};
    gitbook.start(config);
});
</script>

        
    </body>
    
</html>
